<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>乐淘</title>
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="./lib/bootstrap-validator/css/bootstrapValidator.css">
  <link rel="stylesheet" href="./lib/nprogress/nprogress.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 首页页面布局 -->
  <!-- 分为侧边导航栏，和主体部分 -->
  <div class="aside-nav bg-color transition">
    <div class="title">
      <h3>乐淘-54</h3>
    </div>
    <div class="icon">
      <img src="./images/default.png" alt="">
      <h4>超级管理员</h4>
    </div>
    <div class="nav">
      <a href="./user.html" class=""><i class="glyphicon glyphicon-user"></i>用户管理 </a>
      <div>
        <a href="javascript:" class="cate"><i class="glyphicon glyphicon-list"></i>分类管理</a>
        <div class="t-nav pd-l" id="cate">
          <a href="./cate1.html">一级分类</a>
          <a href="./cate2.html">二级分类</a>
        </div>
      </div>
      <a href="./products.html"> <i class="glyphicon glyphicon-th"></i>商品管理</a>
    </div>
  </div>
  <!-- 主体 -->
  <div class="main transition pad-left">
    <!-- 头部 -->
    <div class="header">
      <a href="#" class="menu"><i class=" glyphicon glyphicon-align-justify pull-left"></i></a>
      <button type="button" id="btn-out" class="btn pull-right" data-toggle="modal" data-target=".bs-example-modal-sm">
        <i class=" glyphicon glyphicon-log-out"></i>
      </button>
    </div>
    <!-- 主体内容 -->
  <div class="body">
    <!-- 路径导航 -->
    <ol class="breadcrumb">
      <li><a href="./index.html">管理系统</a></li>
      <li class="active">首页</li>
    </ol>
    <div class="content">
      <!-- 数据可视化 图表 echarts插件完成 -->
      <!-- 准备的dom容器 -->
      <div class="col-lg-6 pull-left flex">
        <div id="l-chart" style="height:400px;"> </div>
      </div>
      <div class="col-lg-6 pull-left flex">
        <div id="r-chart" style="height:400px;"></div>
      </div>
    </div>
  </div>
  </div>
   <!-- 退出功能模态框 -->
  <div id="modal-out" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <p class="modal-title tit" id="myModalLabel">温馨提示</p>
        </div>
        <div class="modal-body info">
          您确定要退出后台管理系统吗？
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary btn-out">退出</button>
        </div>
      </div>
    </div>
 </div>



  <script src="./lib/jquery/jquery.js"></script>
  <script src="./lib/bootstrap/js/bootstrap.js"></script>
  <script src="./lib/bootstrap-validator/js/bootstrapValidator.js"></script>
  <script src="./lib/nprogress/nprogress.js"></script>
  <script src="./lib/echarts/echarts.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./js/common.js"></script>
  <!-- <script src="./js/login.js"></script> -->
  <script src="./js/index.js"></script>
</body>

</html>